<template>
  <div class="hello">
    <!-- <h1>{{ msg }}</h1>
    <h2>Essential Links</h2> -->
    <!-- <div class="buttom">
      <mu-container style="max-width: 400px; width:100%;">
        <mu-bottom-nav
        :value.sync="shift" shift
        color="red"
        >
          <mu-bottom-nav-item value="finds" title="发现" icon="ondemand_video" to="/finds"></mu-bottom-nav-item>
          <mu-bottom-nav-item value="my" title="我的" icon="music_note"></mu-bottom-nav-item>
          <mu-bottom-nav-item value="friends" title="朋友" icon="books"></mu-bottom-nav-item>
          <mu-bottom-nav-item value="myid" title="账号" icon="photo"></mu-bottom-nav-item>
        </mu-bottom-nav>
      </mu-container>
    </div> -->
  </div>
</template>

<script>
export default {
  name: 'Login',
  data () {
    return {
      shift: 'faxian',
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
/* @import 'https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css';
.buttom{
  width: 100%;
  position: fixed;
  bottom: 0px;
  background: #2196f3;
}
.buttom .container{
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-left: 0px;
} */
</style>
